<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <link href="./css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
    <style>
        .t1 {
            margin-top: 20px;
            margin-left: 10px;
            font-size: 14px;
            width: 100%;
        }

        td, th {
            width: 15%;
            text-align: center;
        }

        .form-group .form-control {
            width: 173px !important;
        }

        .btn_search {
            margin-left: 20px;
        }

        .div_pagination {
            padding-left: 10px;
        }
    </style>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">${requestScope.userList[0].role.roleName}</div>
    <div class="panel-body">
        <!-- 表格数据 -->
        <table class="table table-bordered table-hover t1">
            <thead>
            <tr>
                <th>序号</th>
                <th>用户名</th>
                <th>手机号</th>
                <th>邮箱</th>
            </tr>
            </thead>
            <tbody>
            <c:forEach var="userInfo" items="${requestScope.userList}" varStatus="i">
                <tr>
                    <td>${i.count}</td>
                    <td>${userInfo.userName}</td>
                    <td>${userInfo.userTel}</td>
                    <td>${userInfo.userEmail}</td>
                </tr>
            </c:forEach>
            </tbody>
        </table>
    </div>
</div>


</body>
</html>
